//$.fn.myPlugin = function() {
//  //在这里面,this指的是用jQuery选中的元素
//  //example :$('a'),则this=$('a')
//  this.css('color', 'red');
//}
//$.fn.myPlugin = function() {
//  this.css('color', 'red');
// return this.each(function() {
//      $(this).append(' ' + $(this).attr('href'));
//  })
//}
//$.fn.myPlugin = function  () {
//	this.css('color', 'red');
//	this.each(function  () {
//		 $(this).append(' ' + $(this).attr('href'));
//	})
//	
//}
//带参数的插件
//$.fn.myPlugin = function(options) {
//	var defult = {
//		color: "red",
//		fontSize: "120px"
//	};
//	var settings = $.extend({},defult, options);
//	this.css({
//		"color": settings.color,
//		"fontSize":  settings.fontSize
//	});
//	return this.each(function() {
//      //对每个元素进行操作
//      $(this).append(' ' + $(this).attr('href'));
//  })
//}
//使用构造函数来写插件
var Beautifier = function(ele, opt) {
	this.$element = ele,
	this.defaults = {
        'color': 'red',
        'fontSize': '12px',
        'textDecoration':'none'
    },
    this.options = $.extend({}, this.defaults, opt)
}
//上面的方法是共有的，下面继承出来的
Beautifier.prototype = {
    beautify: function() {
        return this.$element.css({
            'color': this.options.color,
            'fontSize': this.options.fontSize,
            'textDecoration': this.options.textDecoration
        });
    },
    //在继承的方法里面调用
    add:function  () {
    	return this.$element.each(function  () {
		 $(this).append(' ' + $(this).attr('href'));
	})
    	
    }
}
$.fn.myPlugin = function(options) {
    //创建Beautifier的实体
    var beautifier = new Beautifier(this, options);
    //调用其方法
    beautifier.add()
    return beautifier.beautify();
    //添加return 是为了支持链式调用
}